<template>
	<div class="bigbox">
     <shopcar-header title="购物车"></shopcar-header>
     <shopcar-content :item="shopdatas" :length="shopdatas.length"></shopcar-content>
     <shop-footer></shop-footer>
  </div>
</template>

<script type="text/ecmascript-6">
    import ShopcarHeader from "../components/shoppingcar/shopcar_header.vue";
    import ShopcarContent from "../components/shoppingcar/shopcar_content.vue";
    import ShopFooter from "../components/commons/Footer.vue";
    import shoppingcar from "../apis/bshopapis";
    export default {
      components: {
        ShopcarHeader,
        ShopcarContent,
        ShopFooter
      },
      data() {
        return {
          shopdatas:[],
        }
      },
      created: function () {
        shoppingcar.shopdata((data) => {
          this.shopdatas = data;
        })
      },
    }
</script>
<style scoped lang="scss">
</style>
